<script setup>
defineProps({
  text: { type: String, default: '按钮文字' }
})
const emit = defineEmits(['submit'])
const onSubmit = () => {
  emit('submit')
}
</script>
<template>
  <div class="v-bottom-replenish"></div>
  <div class="v-bottom-btn">
    <p @click.stop="onSubmit">{{ text }}</p>
    <slot></slot>
  </div>
</template>
<style lang="scss" scoped>
.v-bottom-replenish {
  height: 70px;
  width: 100%;
}
.v-bottom-btn {
  width: 100%;
  padding: 10px 23px;
  background: #ffffff;
  text-align: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  p {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(137deg, #4d90f5, #357efe);
  }
}
</style>
